
var Rule = {
  config : {} ,
  init : function( config ){
    var _this = this ;
    $.extend(_this.config , config);
    _this.init_btn();
  },
  
  init_btn : function(){
    var _this = this ;
    
    //打开弹窗
    $(document).on('click' , '#load_take_award_btn' , function(e){
      e.preventDefault();
      if ( !_this.config.is_loggin ) {
        tips('请先关注武汉移动微信公众号' , function(){
          window.location.href = _this.config.redirect_url;
        });
        return ;
      }
      
      if ( !_this.config.has_award ) {
        tips('亲，你暂时还没有未领取的奖品哦！换个类型再试试看');
        return ;
      }

      My_Modal.show('take_award_modal');
    });
    
    //关闭弹窗
    $(document).on('click' , '#close_my_modal_btn' , function(e){
      e.preventDefault();
      My_Modal.hide('take_award_modal');
    });
    
    //提交
    $(document).on('click' , '#take_award_btn' , function(e){
      e.preventDefault();
      var url = _this.config.take_award_url ;
      var data = $('#take_award_form').serializeObject();
      data.event_user_id = _this.config.event_user_id ;
      if ( empty( data.truename ) ) {
        tips('请填写真实姓名');
        return ;
      }
      
      if ( empty( data.phone ) || !$.isNumeric( data.phone ) || data.phone.length != 11 ) {
        tips('请填写武汉移动电话号码');
        return ;
      }

      ajax_post( url , data , function(ret){
        tips( ret.info ,function(){
          if ( ret.status ) {
            location.reload();
          }
        }) ;
      }, function( XMLHttpRequest , textStatus , errorThrown ){
        var error = empty( textStatus ) ? errorThrown : textStatus ;
        tips( error );
      });
      
    });
  },
}

var My_Modal = {
  show : function( id ){
    if ( $('.modal-bg').length == 0 ) {
      $('body').append('<div class="modal-bg"></div>');
    }
    $('.modal-bg').show();
    
    this.set_pos( id );
    $('#'+ id).show();
  },
  hide : function( id ){
    $('.modal-bg').hide();
    $('#'+ id).hide();
  },
  
  set_pos : function( id ) {
    var left = ( $(window).width() - $('#'+id).width() ) / 2 ;
    var top = 50 ;
    $('#'+id).css({
      left : left + 'px' ,
      top : top + 'px' 
    });
  }
} 